.indexdownload{ height:100%; padding-top:70px;}
.indexdownload .itembox{width:100%; height:100%; overflow:auto; margin:0 auto; position:relative; overflow:hidden;}
@keyframes light{0% { opacity:0}50% { opacity:1}100% {opacity:0}}
.indexdownload .itembox .light{display:block; width:535px; height:535px; position:absolute; left:50%; top:70px; margin-left:-268px; animation:light 3s infinite linear; z-index:2;}

.indexdownload .itembox .cn10{position:absolute; left:50%; margin-left:-139px; top:250px; transform:scale(1.8); opacity:0; transition:all linear 400ms;}
.indexdownload .itembox .text{width:100%; text-align:center; position:absolute; left:0; top:560px; z-index:3;}
.indexdownload .itembox .text .ppb{transform:translateX(-200px); transition:all linear 500ms; opacity:0;}
.indexdownload .itembox .text .wz{font-size:20px; color:#fff; padding:10px 0 15px; transform:translateX(200px); transition:all linear 500ms; opacity:0;}
.indexdownload .itembox .text .downloadbtn{height:50px; line-height:0; display:inline-block; padding:0 20px; font-size:22px; color:#fff; text-align:center; border-radius:6px; background:#00fe79; background:linear-gradient(90deg, #00fe79, #00e8f7); box-shadow:0 5px 20px rgba(35, 37, 135, 0.7); opacity:0; transition:all linear 500ms;}
.indexdownload .itembox .text .downloadbtn span,
.indexdownload .itembox .text .downloadbtn .iconfont{display:inline-block; vertical-align:middle; height:50px; line-height:50px;}
.indexdownload .itembox .text .downloadbtn .iconfont{margin:0 4px;}
.indexdownload .itembox .text .downloadbtn::after{content:""; display:inline-block; width:0; height:0; border-width:8px 0 8px 8px; border-style:solid; border-color:transparent transparent transparent #fff; margin-left:8px; margin-top:-2px; vertical-align:middle;}
.indexdownload .itembox .text .otherlink{transform:translateY(80px); opacity:0; transition:all linear 500ms;}
.indexdownload .itembox .text .otherlink a{display:inline-block; line-height:2.5em; font-size:18px; color:#00a971; margin:0 10px;}
.indexdownload .itembox .text .otherlink a:hover{color:#ff0}

.slide.active .indexdownload .itembox .cn10{transform:scale(1); opacity:1;}
.slide.active .indexdownload .itembox .text .ppb{transition-delay:0.5s; transform:translateX(0); opacity:1;}
.slide.active .indexdownload .itembox .text .wz{transition-delay:0.5s; transform:translateX(0); opacity:1;}
.slide.active .indexdownload .itembox .text .downloadbtn{transition-delay:1s; opacity:1;}
.slide.active .indexdownload .itembox .text .otherlink{transform:translateX(0); transition-delay:1s; opacity:1;}